<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03_元素属性操作</title>
		
		  <!--     元素属性操作：针对固定属性，附加属性操作
		元素       固定属性-----清除：元素是否可用属性【w3c元素出现设置属性】
		          附加属性----清除：表单为主，附加属性checked，disabled....
		prop()-----功能：与attr类似，附加属性，针对表单，默认选中
		             1个参数:
		             2个参数:
		Removeprop()功能：与Removeattr类似，附加属性，针对表单，移除选中功能
		 -->
		 <script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<h1>prop()和Removeprop()函数使用</h1>
		<input type="checkbox" id="myCheckBox" checked />
		  <button id="getProBtn">按钮1</button>
		  <button id="setProBtn">按钮2</button>
		  <button id="removeProBtn">按钮3</button>
		  <div id="output"></div>
		  <script>
			  /* prop()点击---获取属性---打印复选框的值
			                            复选框的值是：+变量
				 prop()----input元素---checked属性--属性boo[true,flase]
			  */
			 $("#getProBtn").click(function(){
			/* prop() 获取元素的附加属性---input中checked*/
			var i=	 $("input").prop("checked");
			$("#output").text("获取属性值"+i);
			 });
			 
			 $("#setProBtn").click(function(){
			 /* prop() 获取元素的附加属性---input中checked*/
			  $("input").prop("checked",false);
			  $("#output").text("获取属性值 是false");
			  });
			  
			  $("#removeProBtn").click(function(){
			  /* prop() 获取元素的附加属性---input中checked*/
			   $("input").removeProp("checked");
			   $("#output").text("删除属性值");
			   });
		  </script>
	</body>
</html>